<div class="row">
    <div class="col-lg-12">
        <div class="ibox ">
            <div class="ibox-title">
                <h5>{{mainFeeInfo.feeName}}信息</h5>
                <div class="ibox-tools" style="top:10px;">
                    <!--<button type="button" class="btn btn-primary btn-sm"
                            v-on:click="openSearchRoomModel()">
                        <i class="glyphicon glyphicon-search"></i> 选择房屋</button>-->
                    <button type="button" class="btn btn-primary btn-sm"
                            v-if="mainFeeInfo.feeId != null && mainFeeInfo.feeId != ''"
                            v-on:click="openPayModel()">
                        <i class="glyphicon glyphicon-plus" ></i> 缴费</button>

                    <button type="button" class="btn btn-primary btn-sm"
                            style="margin-left:10px" v-on:click="_openCallBackOwner()">
                        返回</button>
                </div>
            </div>
            <div class="ibox-content">

                <div class="row">
                    <div class="col-sm-4">
                        <div class="form-group">
                            <label class="col-form-label" >费用ID：</label>
                            <label class="">{{mainFeeInfo.feeId}}</label>
                        </div>
                    </div>
                    <div class="col-sm-4">
                        <div class="form-group">
                            <label class="col-form-label" >房屋编号：</label>
                            <label class="">{{mainFeeInfo.roomNum}}</label>
                        </div>
                    </div>
                    <div class="col-sm-4">
                        <div class="form-group">
                            <label class="col-form-label">业主名称：</label>
                            <label class="">{{mainFeeInfo.ownerName}}</label>
                        </div>
                    </div>
                </div>
                <div class="row">

                    <div class="col-sm-4">
                        <div class="form-group">
                            <label class="col-form-label" >费用开始时间：</label>
                            <label class="">{{mainFeeInfo.startTime}}</label>
                        </div>
                    </div>
                    <div class="col-sm-4">
                        <div class="form-group">
                            <label class="col-form-label" >费用到期时间：</label>
                            <label class="">{{mainFeeInfo.endTime}}</label>
                        </div>
                    </div>
                    <div class="col-sm-4">
                        <div class="form-group" v-if="mainFeeInfo.amount != '-1.00'">
                            <label class="col-form-label">费用金额：</label>
                            <label class="">{{mainFeeInfo.amount}}</label>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!--<vc:create name="searchRoom"
               emitChooseRoom="viewMainFee"
               emitLoadData="propertyFee"
               roomFlag="1"
    ></vc:create>-->
    <vc:create name="propertyPay"
               emitReloadFee="viewMainFee"
    ></vc:create>
</div>